@bgc:skyblue;
// 定义公共的样式 mixinx
.flex-c-c{
    display: flex;
    justify-content: center;
    align-items: center;
}

// 实现单行显示省略号
.line_ellipsis_1 {
    overflow: hidden;
    white-space: nowrap; 		/*先强制一行内显示文本,不换行*/
    text-overflow: ellipsis;   /*文字用省略号替代超出的部分*/
  }
  
  // 实现两行显示省略号
  .line_ellipsis_2 {
    overflow: hidden;
    text-overflow: ellipsis;			/*文本溢出显示省略号*/
    display: -webkit-box;				/*弹性伸缩盒子模型显示*/
    -webkit-line-clamp: 2;   			/*限制在一个块元素显示的文本的行数*/
    -webkit-box-orient: vertical; 	/*设置或检索伸缩盒对象的子元素的排列方式*/
  }